<script setup lang="ts">
import VideoItem from '../../components/item1/video2_3.vue'
import Video1 from '../../components/item1/video1.vue'
import { getImgSrc } from '@/views/product/reno14-pro/image/4/img-src.ts'
</script>

<template>
  <div>
    <div class="text-center mb-[17.2vw]">
      <p class="text-[2.625rem] leading-[1.2]">
        实况照片引领者
        <br />
        放大此刻生命力
      </p>
      <p class="text-sm mt-[0.875rem]">
        让照片 Live 起来，Get 当季最潮玩法。高清长焦实况照片、4K
        视频转实况照片、闪光实况照片，有三合一 Live 图神机在手，各种潮流玩法一台 Reno 就够。
      </p>
    </div>

    <div class="grid justify-items-center">
      <p class="text-3xl">高清长焦实况照片</p>
      <p class="text-3xl">放大拍实况 更有生命力</p>
    </div>

    <div class="grid justify-items-center">
      <div class="w-[67.8vw]">
        <Video1 class="mt-[2.625rem]" />
        <VideoItem
          class="mt-[2.625rem]"
          :video-src="getImgSrc('videos-photogtaphy-c1-2-pc.mp4')"
          main-title="人美，景也美"
          subtitle="85mm 黄金焦段，拉近身后的美好，人与景更合拍。"
        />
        <VideoItem
          class="mt-[2.625rem]"
          :video-src="getImgSrc('videos-photogtaphy-c1-3-pc.mp4')"
          main-title="抓拍也清晰"
          subtitle="旗舰级双重曝光，定格超清封面，动态纤毫毕现。"
        />
      </div>
    </div>
  </div>
</template>
